<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>机票预订</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
	</head>

	<body>
		<!--头部导航-->
		<header class="clearfix">
			<div class="nav">
				<ul class="clearfix">
					<li>
						<a href="index.html"><span>首页</span></a>
					</li>
					<li>
						<a href="counsel.html"><span>旅游咨询</span></a>
					</li>
					<li class="li">
						<a href="ticket.html"><span>机票订购</span></a>
					</li>
					<li>
						<a href="scenery.html"><span>风景欣赏</span></a>
					</li>
					<li>
						<a href="intro.html"><span>关于公司</span></a>
					</li>
				</ul>
			</div>
		</header>
		<!--内容-->
		<section class="counsel">
			<div class="car2">
				<img src="img/headline.jpg" />
				<h1>票务订购</h1>
				<p>各种飞机票、火车票、汽车票和轮渡票的订购服务</p>
			</div>
			<div class="row cont">
				<div class="counsel1">
					<div class="col-lg-9  col-sm-12 col-xs-12 clean_ counsel1_1 clearfix">
						<p class="p1">机票预定</p>
						<div class="row">
							<div class="ticket">
								<div class="ticket1">
									<p>航程类型<mark>单程</mark>往返</p>
								</div>
								<div class="row">
									<div class="col-lg-5 col-sm-12 clean_">
										<div class="row">
											<div class="return">
												<div class="col-lg-3 col-sm-12 clean_ return_1">
													<p>出发城市</p>
												</div>
												<div class="col-lg-7 col-sm-12 clean_ return_2 p4">
													<input type="text" id="" value="" placeholder="城市名" />
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="return">
											<div class="col-lg-5 col-sm-12 clean_">
												<div class="col-lg-3 col-sm-12 clean_ return_1">
													<p>出发时间</p>
												</div>
												<div class="col-lg-7 col-sm-12 clean_ return_2">
													<input type="text" id="" value="" placeholder="城市名" />
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-5 col-sm-12 clean_">
										<div class="row">
											<div class="return">
												<div class="col-lg-3 col-sm-12 clean_ return_1">
													<p>返回城市</p>
												</div>
												<div class="col-lg-7 col-sm-12 clean_ return_2">
													<input type="text" id="" value="" placeholder="时间/日期" />
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="return">
											<div class="col-lg-5 col-sm-12 clean_">
												<div class="col-lg-3 col-sm-12 clean_ return_1">
													<p>返回时间</p>
												</div>
												<div class="col-lg-7 col-sm-12 clean_ return_2">
													<input type="text" id="" value="" placeholder="时间/日期" />
												</div>
											</div>
										</div>
									</div>

								</div>
								<div class="row">
									<div class="btn3 hidden-lg">
										<span><a href="">订票</a></span>
									</div>
								</div>
								<div class=" hidden-md hidden-sm hidden-xs btn_">
									<span><a href="">订票</a></span>
								</div>
							</div>
						</div>
						<p class="p1">最新机票</p>
						<div class="row">
							<div class="city">
								<div class="col-lg-12  col-sm-12 col-xs-12 clean_ city1 ">
									<ul>
										<li>热门城市:</li>
										<li class="l1">北京</li>
										<li class="l2">上海</li>
										<li class="l2">广州</li>
										<li class="l2">深圳</li>
										<li class="l2">重庆</li>
										<li class="l2">成都</li>
										<li class="l2">杭州</li>
										<li>南京</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="path">
								<div class="col-lg-12  col-sm-12 col-xs-12 clean_ city1 ">
									<table border="1px" cellspacing="" cellpadding="">
										<tr>
											<td>路线</td>
											<td>日期</td>
											<td>价格</td>
											<td>税费</td>
											<td>餐食</td>
											<td>航班</td>
											<td>预定</td>
										</tr>
										<tr class="tr1">
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr>
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr class="tr1">
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr>
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr class="tr1">
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr>
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr class="tr1">
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr>
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr class="tr1">
											<td>北京-成都</td>
											<td>10-15</td>
											<td class="td1">¥745</td>
											<td>¥50</td>
											<td>有</td>
											<td>春秋航空</td>
											<td>
												<div class="btn2">
													<span><a href="">预定</a></span>
												</div>
											</td>
										</tr>
										<tr>
											<td colspan="7">
												<a href="">加载更多航班...</a>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 clean_ recommend_ fr hidden-md hidden-sm hidden-xs">
					<div class="row bt">

						<div class="recommend bt">
							<div class="recommend_top">
								<p>景点推荐</p>
							</div>
							<ul>
								<li>
									<a href="###">曼谷(12)</a>
								</li>
								<li>
									<a href="###">东京(5)</a>
								</li>
								<li>
									<a href="###">西双版纳(8)</a>
								</li>
								<li>
									<a href="###">漓江(16)</a>
								</li>
								<li>
									<a href="###">呼伦贝尔(4)</a>
								</li>
								<li>
									<a href="###">首尔(9)</a>
								</li>
								<li>
									<a href="###">巴厘岛(15)</a>
								</li>
								<li>
									<a href="###">土耳其(22)</a>
								</li>
								<li>
									<a href="###">夏威夷(5)</a>
								</li>
								<li>
									<a href="###">巴厘岛(11)</a>
								</li>
								<li>
									<a href="###">毛里求斯(7)</a>
								</li>
								<li>
									<a href="###">吉普岛(4)</a>
								</li>
								<li>
									<a href="###">希腊(18)</a>
								</li>
								<li>
									<a href="###">法瑞意(8)</a>
								</li>
								<li>
									<a href="###">马尔代夫(9)</a>
								</li>
								<li>
									<a href="###">新西兰(16)</a>
								</li>
								<li>
									<a href="###">埃及(11)</a>
								</li>
								<li>
									<a href="###">迪拜(14)</a>
								</li>
								<li>
									<a href="###">斯里兰卡(7)</a>
								</li>
								<li>
									<a href="###">麦哈顿(3)</a>
								</li>
								<li>
									<a href="###">大阪(15)</a>
								</li>
							</ul>
						</div>
						<div class="recommend bt">
							<div class="recommend_top">
								<p>热卖旅游</p>
							</div>
							<div class="seller">
								<div class="seller_1">
									<img src="img/hot1.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot2.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot3.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot4.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot5.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot6.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot7.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="seller_1">
									<img src="img/hot8.jpg" class="img-responsive" />
									<p>曼谷-芭提雅6日游</p>
								</div>
							</div>
						</div>

					</div>
					<div class="recommend bt">
						<div class="recommend_top">
							<p>热卖旅游</p>
						</div>
						<div class="box">
							<div class="box1">
								<img src="img/trea1.png" class="img-responsive" />
								<a href="">旅游百宝箱</a>
							</div>
							<div class="box1 box2">
								<img src="img/trea1.png" class="img-responsive" />
								<a href="">旅游百宝箱</a>
							</div>
							<div class="box1">
								<img src="img/trea1.png" class="img-responsive" />
								<a href="">旅游百宝箱</a>
							</div>
							<div class="box1 box2">
								<img src="img/trea1.png" class="img-responsive" />
								<a href="">旅游百宝箱</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</section>

		<!--尾部-->
		<footer>
			<!--第一部分-->
			<div class="content2 hidden-sm hidden-xs">
				<div class="content2_1">
					<div class="partner">
						<ul>
							<li>
								<h1>合作伙伴</h1></li>
							<li>
								<p>途牛旅游网</p>
							</li>
							<li>
								<p>驴妈妈旅游网</p>
							</li>
							<li>
								<p>携程旅游</p>
							</li>
							<li>
								<p>中国青年旅行社</p>
							</li>
						</ul>>
					</div>
					<!--间隔-->
					<div class="partner">
						<ul>
							<li>
								<h1>旅游FAQ</h1></li>
							<li>
								<p>旅游合同签订方式？</p>
							</li>
							<li>
								<p>儿童价是基于什么制定的？</p>
							</li>
							<li>
								<p>旅游的线路品质怎么界定的？</p>
							</li>
							<li>
								<p>单房差是什么？</p>
							</li>
							<li>
								<p>旅游保险有那些种类？</p>
							</li>
						</ul>>
					</div>

					<!--间隔-->
					<div class="partner">
						<ul>
							<li>
								<h1>联系方式</h1></li>
							<li>
								<p>微博：weibo.com/ycku</p>
							</li>
							<li>
								<p>邮件：ycku@ycku.com</p>
							</li>
							<li>
								<p>地址：江苏盐城无名路123号</p>
							</li>
						</ul>>
					</div>
				</div>
			</div>

			<!--第二部分-->
			<div class="partner1 hidden-md hidden-lg">
				<p>
					<a href="">客户端</a> |
					<a href="">触屏版</a> |
					<a href="">电脑版</a>
				</p>
			</div>

			<div class="footer">
				<p>Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号 | 旅行社经营许可证：L-YC-BK12345</p>
			</div>
		</footer>
	</body>

</html>